﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<title>图像和文本在网站设计中哪个更重要？_我的网站</title>
    <meta name="keywords" content="用户体验,网站设计趋势" />
    <meta name="description" content="近年来，科技对现代社会的改变非常之大，它已经改变了我们寻求和接受信息的方式。如今的人已经无法像他们的父母一样，没有足够的时间深入和彻底的阅读。 我们许多的人每天都要" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="copyright" content="Copyright dedecms51.com 版权所有" />
    
    <link href="/templets/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="/templets/Content/inner.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="/templets/Scripts/html5shiv.min.js"></script>
    <![endif]-->
    <script src="/templets/Scripts/jquery.min.js"></script>
    <script src="/templets/Scripts/bootstrap.min.js"></script>
    <script src="/templets/Scripts/inner.min.js"></script>
</head>

<body>
<header>
    <div class="box">
	    <a href="/" title="织梦网站建设与制作"><img src="/templets/Picture/logo_cases.png" alt="织梦设计出品" /></a>
        <div class="wechat">
    	    <img src="/templets/Picture/wechat_code.jpg" alt="扫描关注网站建设微信公众账号" class="wechat" /><p>扫一扫微信二维码<i></i></p>
        </div>
        <nav>
          <ul>
            <li><a href="/">织梦首页</a></li>
            
            <li><a href="/a/cases/">设计案例</a></li>
            <li class='active'><a href='/a/news/' style='color:white;'>文章动态</a></li>
          </ul>
        </nav>
    </div>
    <footer>
	    高端定制，品牌设计<br /><u>2008 - 2015</u>作品集<br /><a href="http://www.dedecms51.com/" target="_blank">郑州网站建设与制作公司</a>
    </footer>
</header>
    
    <section class="toolbar">
    	<a href="/" title="返回首页" class="homelink"><span class="glyphicon glyphicon-chevron-left"></span></a>
    	<span class="switch glyphicon glyphicon-th-list"></span>
        <div class="btnList">
            <div class="link btn-group">
        	    <a href="/a/news/experience/" class="btn btn-default">文章列表</a>
            </div>
            <div class="link btn-group">
        	    <a href="/a/news/experience/2015/0429/43.html" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span>PREV</a>
            </div>
            <div class="link btn-group">
        	    <a href="/a/news/experience/2015/0429/45.html" class="btn btn-default">NEXT<span class="glyphicon glyphicon-arrow-right"></span></a>
            </div>
        </div>
    </section>
    
    <section class="artshow content">
        <div class="box">
        	<h1>图像和文本在网站设计中哪个更重要？</h1>
            <span class="rel">
            	织梦科技<u>•</u>2015-04-29<u>•</u><a href="/a/news/experience/" target="_blank">经验之谈</a><u>•</u><span class="glyphicon glyphicon-eye-open" title="浏览次数"></span> <script src="/plus/count.php?view=yes&aid=44&mid=1" type='text/javascript' language="javascript"></script>
            </span>
            <div class="words">
                	<p>
		近年来，科技对现代社会的改变非常之大，它已经改变了我们寻求和接受信息的方式。如今的人已经无法像他们的父母一样，没有足够的时间深入和彻底的阅读。</p>
	<p>
		我们许多的人每天都要处理大量的信息源，它们可能来自网页、电子邮件、微信、微博、短信、即时通讯工具等。所以我们自然倾向于任何信息都可以在几秒内就能被读懂和吸收。</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T0431395-0.jpg" /></p>
	<p>
		人类的大脑直接连接并处理世界上的各种视觉模式，至少在4万年前，人类接受信息的方式就已经从观察自然事物，转移到借助图像、图标和图形符号的帮助来完成。</p>
	<p>
		相比之下，人们接受文本信息的能力就相对弱一些。婴幼儿开始学习和认识世界，都是从图片开始的，直到他们认字以后，也以看图说话的教育为佳。他们真正开始阅读并深刻理解一本书，可能需要到大学时才能做到。</p>
	<p>
		<strong>视觉效果为什么这么迷人？</strong></p>
	<p>
		现在已经被公认的一个观点是：人们在互联网上几乎不阅读。最近的一项研究声称，大多数用户认可并分享一篇网络文章时，通常只阅读了第一行，甚至是一个标题。</p>
	<p>
		另外，Twitter最近的一个研究表明，微博上的照片和图像更能吸引用户。这一趋势形成的关键原因是，图像会直接影响我们的情绪，并可以在瞬间进入我们的潜意识，而文本符号，则需要经过大脑的一个解码步骤，才能被我们所理解，这个过程是需要时间的。</p>
	<p>
		颜色、大小和形状等视觉元素，能够直接唤起人们的各种感情&mdash;&mdash;温暖、喜悦、冲动、愤怒。它可以让我们直接联想到一个品牌，或愿意分享一篇帖子，甚至立马决定购买一个商品，而这就是用户体验。</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T043O53-1.jpg" /></p>
	<p>
		另一个解释是，视觉图像可以同时吸引我们的左脑和右脑，使我们同时产生逻辑思维和想象力。实际上，信息图表的使用率与日俱增就可以证明这一观点，视觉效果的确非常迷人。</p>
	<p>
		<strong>文本真的不重要吗？</strong></p>
	<p>
		很难想象一个没有文字的世界是什么样的。路标、广告牌、书籍，任何事物都离不开文字的点缀。一幅画可能价值千金，但每个人可能会解读出不同的文字。精度文本可以带给我们深度的思考，这是图像无法做到的。</p>
	<p>
		在网站建设中，文本也是SEO ( 搜索引擎优化 ) 的核心，至少目前的搜索引擎技术，只能读懂文字。所以优秀的文本布局，对网站来说可以更好的亲和搜索引擎，提高网站曝光率。</p>
	<p>
		当然，这看起来像是一个博弈，我们不应该去刻意迎合搜索引擎的需要，而是应该更重视用户体验。但无论如何，搜索引擎对网站的重要性至少在短期内不会改变。实际上，在互联网上，你会发现很多美丽的照片、精彩的视频，并配合有标签、关键词、描述等文本信息来提高用户体验。</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T043KU-2.jpg" /></p>
	<p>
		一个有效的方法是，我们可以通过字体设计，让文字效果更加引人注目，提高浏览者的阅读兴趣。因为文字的色彩、大小、字体都可以影响阅读者的心理和感情，让网页设计更加出色。</p>
	<p>
		<strong>如何明智地使用图片和文字进行网页设觉效果设计？</strong></p>
	<p>
		任何一个网站都需要适当的图片和文本来进行视觉平衡，再棒的照片和视频，如果没有文字的辅助，对浏览者来说都是很难接受的。另一方面，你可能会发现，大块的文本内容，也是很难吸引用户的。</p>
	<p>
		网站浏览过程中，聚焦用户视觉的主要是商标、大背景图、个性文字、滑块等。它们可以让用户有兴趣去阅读一段正文内容，所以良好的图文混排设计可以提高网站的用户体验。</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T0435343-3.jpg" /></p>
	<p align="center" style="">
		通过照片上人物眼神来指导用户阅读文本信息</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T0433529-4.jpg" /></p>
	<p align="center" style="">
		当今的网站设计趋势之一：大背景图像 + 反色字体设计，聚焦效果极好</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1T04334U-5.jpg" /></p>
	<p align="center" style="">
		用视频做大背景，来吸引用户阅读</p>
	<p>
		所以，图像和文本在网站设计中哪个更重要？这个问题只有一个答案，那就是：用户体验更重要！用户不会花时间努力阅读他们并不感兴趣的东西，保持采用非常规字体对标题、副标题以及其他重要文本进行设计，是可以为用户体验提供帮助的。</p>
 
            </div>
            <dl class="tags">
              <dt>文章关键词<span class="glyphicon glyphicon-tag"></span></dt>
              
              <dd><a href="/tags.php?/%E7%BD%91%E7%AB%99%E8%AE%BE%E8%AE%A1%E8%B6%8B%E5%8A%BF/" target="_blank">网站设计趋势</a></dd>
              
              <dd><a href="/tags.php?/%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C/" target="_blank">用户体验</a></dd>
              
            </dl>
            <div class="bdsharebuttonbox">
            	<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
            </div>
        </div>
        <aside>
        	<div class="ad"><a href="/" title="做网站，找织梦" target="_blank"><img src="/templets/Picture/ad.jpg" alt="建网站，找织梦，网站建设品牌设计企业" /></a></div>
            <div class="caption"><h3>推荐阅读</h3></div>
            <ul class="items">
               <li>
                  <a href="/a/news/company/2015/0429/24.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1Q30561K-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/company/2015/0429/24.html" target="_blank" title="2015羊年大吉，织梦无忧网">2015羊年大吉，织梦无忧网 ...</a></span>
                  <span class="rel">今日<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>169</span>
                </li>
<li>
                  <a href="/a/news/industry/2015/0429/35.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1-1504291TK05R.jpg" /></a>
                  <span class="title"><a href="/a/news/industry/2015/0429/35.html" target="_blank" title="国家发改委推行电子政务">国家发改委推行电子政务 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>53</span>
                </li>
<li>
                  <a href="/a/news/experience/2015/0429/51.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1T6424N4-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/experience/2015/0429/51.html" target="_blank" title="钱都砸去哪里了，为什么">钱都砸去哪里了，为什么 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>164</span>
                </li>
<li>
                  <a href="/a/news/experience/2015/0429/50.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1T55SP3-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/experience/2015/0429/50.html" target="_blank" title="不是“PC端 + 移动端”的网">不是“PC端 + 移动端”的网 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>180</span>
                </li>

            </ul>
        </aside>
    </section>
    
    <div class="dock">
        <ul class="icons">
        	<li class="up"><i></i></li>
            <li class="tel">
            	<i></i><p>建站咨询热线<br />150-2021-7966</p>
            </li>
            <li class="im">
            	<i></i><p><a href="http://wpa.qq.com/msgrd?v=3&uin=379144319&site=qq&menu=yes" target="_blank">点我，建站咨询</a></p>
            </li>
        </ul>
    </div>
    
    <script>        
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?a821a161aa4214f5ff5b8ca372960ebb";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "图像和文本在网站设计中哪个更重要？", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
    </script>
</body>
</html>